<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta content="招聘" http-equiv="keywords">
    <meta name="description" content="招聘,培训">
    <meta name="format-detection" content="telephone=no"><!-- 禁止IPHONE识别手机号码 -->
    <meta name="viewport" content="width=device-width,user-scalable=no, initial-scale=1">
    <meta name="renderer" content="webkit"/>

    <title>尽智研究院-影响100万交通企业</title>
    <!-- css -->
    <link rel="stylesheet" type="text/css" href="css/index.css">

    <!-- public_css -->
    <link rel="stylesheet" type="text/css" href="css/public_lib.css">

    <!-- zy_public_css -->
    <link rel="stylesheet" type="text/css" href="css/zy_public.css">
    <!-- 子页css -->
    <link rel="stylesheet" type="text/css" href="css/children.css">

    <!-- js -->
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
    <script type="text/javascript" src="js/public.js"></script>
    <script src="https://cdn.bootcss.com/wangEditor/10.0.13/wangEditor.min.js"></script>
    <script type="text/javascript" src="js/upload_resource.js"></script>

    <style>
        /* 弹窗 */
        .modal {
            display: none; /* 默认隐藏 */
            position: fixed;
            z-index: 99999;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            overflow: auto;
            background-color: rgb(0, 0, 0);
            background-color: rgba(0, 0, 0, 0.4);
            -webkit-animation-name: fadeIn;
            -webkit-animation-duration: 0.4s;
            animation-name: fadeIn;
            animation-duration: 0.4s
        }

        /* 弹窗内容 */
        .modal-content {
            position: fixed;
            bottom: 0;
            background-color: #fefefe;
            width: 100%;
            -webkit-animation-name: slideIn;
            -webkit-animation-duration: 0.4s;
            animation-name: slideIn;
            animation-duration: 0.4s;
            height: 30%;
        }

        .modal-content p {
            font-size: 20px;
            padding: 3% 10%;
        }

        /* 关闭按钮 */
        .close {
            color: rgba(30, 11, 38, 0.39);
            float: right;
            font-size: 28px;
            font-weight: lighter;
        }

        .close:hover,
        .close:focus {
            color: #000;
            text-decoration: none;
            cursor: pointer;
        }

        .modal-header {
            padding: 2px 16px;
            background-color: white;
            color: white;
        }

        .modal-body {
            padding: 2px 16px;
        }

        /* 添加动画 */
        @-webkit-keyframes slideIn {
            from {
                bottom: -300px;
                opacity: 0
            }
            to {
                bottom: 0;
                opacity: 1
            }
        }

        @keyframes slideIn {
            from {
                bottom: -300px;
                opacity: 0
            }
            to {
                bottom: 0;
                opacity: 1
            }
        }

        @-webkit-keyframes fadeIn {
            from {
                opacity: 0
            }
            to {
                opacity: 1
            }
        }

        @keyframes fadeIn {
            from {
                opacity: 0
            }
            to {
                opacity: 1
            }
        }
    </style>
</head>
<body>
<header class="zy_search_top_box scroll_fix">
    <div class="zy_title_top fix">
        <div class="one" href="javascript:" onclick="history.back();"><img
                src="images/back.png"><span>返回</span></div>
        <h1>上传报告/资料</h1>
    </div>
</header>

<!-- 占位框 -->
<div class="top_zhanwei_box"></div>

<!-- 内容框 -->
<div class="zy_module-content zy_vip_conbox">
    <div class="zy_vip_scbox zy_vip_myfabu bgwh">
        <div class="sc_list vip_user_info_mima vip_user_createbox">
            <div class="list">
                <form id="resourceForm">
                    <div class="write">
                        <div class="form_line">
                            <label><span>资源名称</span><input type="text" name="resourceName"
                                                           placeholder="请输入资源名称"></label>
                        </div>
                        <div class="form_line">
                            <label><span>资源简介</span><input type="text" name="resourceIntroduction"
                                                           placeholder="请输入资源简介"></label>
                        </div>
                        <div class="form_line">
                            <label><span>资源积分</span><input type="number" name="resourcePrice"
                                                           placeholder="请输入资源积分（1元=10积分）"></label>
                        </div>
                        <div class="form_line bbd xzbox">
                            <span>资源类型</span>
                            <select name="resourceTypeId">
                            </select>
                        </div>
                        <!--                        <div class="form_line">-->
                        <!--                            <label><span>数据名称</span><input type="text" name="" placeholder="请输入数据名称"></label>-->
                        <!--                        </div>-->
                        <!--                        <div class="form_line">-->
                        <!--                            <label><span>存储站点</span><input type="text" placeholder="请输入存储站点"/></label>-->
                        <!--                        </div>-->
                        <!--                        <div class="form_line">-->
                        <!--                            <label><span>数据链接</span><input type="text" name="" placeholder="请输入数据连接"></label>-->
                        <!--                        </div>-->
                        <!--                        <div class="form_line">-->
                        <!--                            <label><span>数据提取码</span><input type="text" name="" placeholder="请输入数据提取码"></label>-->
                        <!--                        </div>-->
                        <div class="form_line">
                            <label><span>资源文件</span>
                                <input type="file" name="resourceFile" placeholder="选择文件"/>
                                <!--                                <button class="cover_btn" type="button">选择文件</button>-->
                            </label>
                        </div>
                        <div class="form_line">
                            <label><span>资源封面</span>
                                <input type="file" name="coverImage" placeholder="选择图片"/>
                                <!--                                <button class="cover_btn" type="button">选择图片</button>-->
                            </label>
                        </div>
                        <!--                        <div class="form_line">-->
                        <!--                            <img src="images/default_resource_cover.jpg">-->
                        <!--                        </div>-->
                        <div class="form_line">
                            <label><span>资源内容</span></label>
                        </div>
                        <div class="form_line">
                            <div id="editor">
                                <p>请输入资源内容</p>
                            </div>
                        </div>
                        <button class="zy_butn bord_3" type="button" onclick="uploadResource()">立即上传</button>
                    </div>
                </form>
            </div>

        </div>

    </div>

</div>
<!-- 弹窗 -->
<div id="myModal" class="modal">
    <!-- 弹窗内容 -->
    <div class="modal-content">
        <div class="modal-header">
            <span class="close">&times;</span>
        </div>
        <div class="modal-body" style="font-size: 20px;">
            <p>电脑端上传/下载文件</p>
            <p>更方便哦！</p>
            <p>请在电脑访问：</p>
            <p>jinzhidata.com</p>
        </div>
    </div>
</div>

</body>
<script type="text/javascript">
    function isMobile() {
        var sUserAgent = navigator.userAgent.toLowerCase();
        //var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
        var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
        var bIsMidp = sUserAgent.match(/midp/i) == "midp";
        var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
        var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";
        var bIsAndroid = sUserAgent.match(/android/i) == "android";
        var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
        var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
        var bIsWechat = sUserAgent.match(/MicroMessenger/i) == "micromessenger";
        return bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM || bIsWechat;
    }

    $(function () {
        $(".sc_list .list").hide().first().show();
        $(".zy_vip_scbox .tit span").mousedown(function () {
            var n = $(this).index();
            var m = $(".sc_line").width();
            $(".sc_line").stop().animate({left: m * n}, 300);
            $(this).addClass("cur");
            $(this).siblings().removeClass("cur");
            $(".sc_list .list").hide().eq(n).show();
        })

        if (isMobile()) {
            // 获取弹窗
            var modal = $('#myModal');
            modal.css('display', 'block')

            // 点击 <span> (x), 关闭弹窗
            $(".close").click(function () {
                modal.css('display', 'none')
            })

            // 在用户点击其他地方时，关闭弹窗
            window.onclick = function (event) {
                modal.css('display', 'none')
            }
        }
    })

    var E = window.wangEditor
    var editor = new E('#editor')
    editor.create()


</script>
<script src="https://cdn.bootcss.com/layer/2.3/layer.js"></script>
<link href="https://cdn.bootcss.com/layer/2.3/skin/layer.css" rel="stylesheet">
</html>